<style scoped>
  .layout-con {
    height: 100%;
    width: 100%;
  }

  .menu-item span {
    display: inline-block;
    overflow: hidden;
    width: 69px;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: bottom;
    transition: width .2s ease .2s;
  }

  .menu-item i {
    transform: translateX(0px);
    transition: font-size .2s ease, transform .2s ease;
    vertical-align: middle;
    font-size: 16px;
  }

  .collapsed-menu span {
    width: 0px;
    transition: width .2s ease;
  }

  .collapsed-menu i {
    transform: translateX(5px);
    transition: font-size .2s ease .2s, transform .2s ease .2s;
    vertical-align: middle;
    font-size: 22px;
  }

  .title-top-center {
    text-align: center;

  }

  .title-top-right {
    float: right
  }

  .btn_tools {
    padding: 6px 10px 6px 10px;
    background: #eee;
    border-radius: 20px;
  }

  .ivu-cell-extra {
    color: #ed4014;
  }
</style>

<template>
  <Row type="flex" justify="center" align="top" class="code-row-bg">
    <Col id="staff1" span="1" :style="phoneStyle?{background:'#ffffff',height:'50px',borderTop: '1px solid #cccccc'}:{background:'#3F88D5',height:'100vh'}" :class="isAdmin == 1?'':'staffLeft'">
      <NavLeft :selected="1" :avatar="avatar"></NavLeft>
    </Col>
    <Col id="staff4" span="4" :class="isAdmin == 1?'':'staffLeft'">
      <NavMiddle :itemList="itemList"></NavMiddle>
    </Col>
    <Col id="staffDetail_phone" span="19" style="background:#f5f7f9;height:100vh;padding-bottom: 66px" :class="isAdmin == 1?'':'staffRight'">
      <Layout>
        <Content :style="phoneStyle?{padding: '0'}:{padding: '0 16px 16px'}">
          <Breadcrumb id="topTitle" :style="{margin: '16px 0'}">
            <Row type="flex" justify="space-between">
              <Col span="5">
                <span style="font-size: 16px;color: rgb(70, 76, 91);line-height: 36px;cursor: pointer"
                      @click="$router.back(-1)"><Icon type="ios-arrow-back"/>返回</span>
              </Col>
              <Col span="11" class="title-top-center"
                   style="font-size: 16px; font-weight: bold; color: rgb(70, 76, 91);text-align:center;line-height: 36px">
                {{ title }}
              </Col>
              <Col span="8" id="menuCol">
                <a type="text" size="large" style="float:right" class="btn_tools" v-if="!phoneStyle">
                  <Icon type="ios-share-alt" size="20"></Icon>
                </a>
                <a :href="'/item/parameter?id='+unit_id" type="text" size="large"
                   style="float:right;margin-right:10px;" class="btn_tools" v-if="!phoneStyle">
                  <Icon type="ios-cog" size="20"></Icon>
                </a>
                <DatePicker :size="phoneStyle?'small':'large'" type="date" placeholder="选择日期"  :editable="false" :clearable="false"
                            @on-change="dateChange" :value="chooseDate" style="float:right;margin-right:10px;"></DatePicker>
              </Col>
            </Row>
          </Breadcrumb>
          <!-- 指标板块 -->
          <Card class="quota">
            <div class="titleBackH gradualYellow">
              <span class="tb_top">{{name}}</span>
              <span class="tb_bottom">
                <span class="tbb_left">{{total}}</span>
                <!--<span class="tbb_right">目标  0</span>-->
              </span>
              <div class="logo" v-if="!phoneStyle && unit_id == 1"><img src="../../../../assets/img/points/hanfeng.png"/></div>
              <div class="logo" v-if="!phoneStyle && unit_id == 6 || !phoneStyle && unit_id == 8"><img src="../../../../assets/img/points3/total.jpg"/></div>
              <div :class="phoneStyle?'buttons buttonsPhone':'buttons'">
                <RadioGroup v-model="chooseType" type="button" @on-change="typeChange">
                  <Radio :label="1">焊缝</Radio>
                  <Radio :label="2">原因</Radio>
                  <Radio :label="3">柱状图</Radio>
                  <Radio :label="4">示意图</Radio>
                </RadioGroup>
              </div>
            </div>
            <hanfengDiv :HFData="HFList" v-if="chooseTypeShow == 1"></hanfengDiv>
            <pie :pieData="pieList" v-if="chooseTypeShow == 2"></pie>
            <bar :barData="barList" v-if="chooseTypeShow == 3" @changeSiteBar="changeSite_bar"></bar>
            <sketch :sketchData="list" v-if="chooseTypeShow == 4" @changeSite="changeSite_sketch"></sketch>
          </Card>
        </Content>
      </Layout>
    </Col>
  </Row>
</template>

<script>
  import cookie from 'js-cookie';
  import NavLeft from '@/components/NavLeft';
  import NavMiddle from '@/components/NavMiddle';
  import sketch from '../quality/sketch/sketch_hanfeng'
  import hanfengDiv from './allPoint/allPoint'
  import pie from './pie/pie'
  import bar from './bar/bar'

  export default {
    name: "quality_hanfeng",
    data() {
      return {
        isCollapsed: false,
        itemList: [],
        itemInfo: [],
        tjList: [],
        unit_id: "",
        chooseQS: 0,
        valueList: [],
        title: '',
        name: '',
        avatar: '',
        isAdmin: cookie.get('isAdmin'),
        page: 1,
        size: 6,
        total: 0,
        list: {
          id: 1,
          total: 0,
          items: [{
            id: 1,
            name: 'A放大',
            items: [{
              id: 1,
              name: '1.1',
              isClick: 0,
              x: 18,
              y: 11,
            },{
              id: 2,
              name: '1.2',
              isClick: 0,
              x: 19,
              y: 56,
            },{
              id: 3,
              name: '1.3',
              isClick: 0,
              x: 18,
              y: 74,
            },{
              id: 4,
              name: '1.7',
              isClick: 0,
              x: 18,
              y: 89,
            },{
              id: 5,
              name: '4.2',
              isClick: 0,
              x: 76,
              y: 13,
            },{
              id: 6,
              name: '3.1',
              isClick: 0,
              x: 76,
              y: 73,
            }]
          },{
            id: 2,
            name: 'B放大',
            pointList: [{
              id: 1,
              name: '5.3',
              isClick: 0,
              x: 71,
              y: 59,
            },{
              id: 2,
              name: '5.4',
              isClick: 0,
              x: 71,
              y: 34,
            },{
              id: 3,
              name: '5.5',
              isClick: 0,
              x: 19,
              y: 60,
            }]
          },{
            id: 3,
            name: 'C放大',
            pointList: [{
              id: 1,
              name: '7.1',
              isClick: 0,
              x: 23,
              y: 76,
            },{
              id: 2,
              name: '7.2',
              isClick: 0,
              x: 66,
              y: 77,
            },{
              id: 3,
              name: '7.3',
              isClick: 0,
              x: 23,
              y: 50,
            },{
              id: 4,
              name: '7.4',
              isClick: 0,
              x: 66,
              y: 52,
            },{
              id: 5,
              name: '7.5',
              isClick: 0,
              x: 67,
              y: 21,
            },{
              id: 6,
              name: '7.6',
              isClick: 0,
              x: 22,
              y: 21,
            }]
          },{
            id: 4,
            name: 'D放大',
            pointList: [{
              id: 1,
              name: '8.1',
              isClick: 0,
              x: 25,
              y: 75,
            },{
              id: 2,
              name: '8.2',
              isClick: 0,
              x: 66,
              y: 76,
            },{
              id: 3,
              name: '8.3',
              isClick: 0,
              x: 25,
              y: 54,
            },{
              id: 4,
              name: '8.4',
              isClick: 0,
              x: 67,
              y: 54,
            },{
              id: 5,
              name: '8.5',
              isClick: 0,
              x: 25,
              y: 28,
            },{
              id: 6,
              name: '8.6',
              isClick: 0,
              x: 66,
              y: 29,
            }]
          },{
            id: 5,
            name: 'E放大',
            pointList: [{
              id: 1,
              name: '10.1',
              isClick: 0,
              x: 55,
              y: 25,
            },{
              id: 2,
              name: '10.2',
              isClick: 0,
              x: 32,
              y: 25,
            }]
          },{
            id: 6,
            name: 'F放大',
            pointList: [{
              id: 1,
              name: '10.3',
              isClick: 0,
              x: 33,
              y: 35,
            },{
              id: 2,
              name: '10.4',
              isClick: 0,
              x: 56,
              y: 34,
            }]
          },{
            id: 7,
            name: 'G放大',
            pointList: [{
              id: 1,
              name: '88.3',
              isClick: 0,
              x: 22,
              y: 44,
            },{
              id: 2,
              name: '88.4',
              isClick: 0,
              x: 65,
              y: 44,
            }]
          },{
            id: 8,
            name: 'H放大',
            pointList: [{
              id: 1,
              name: '11.3',
              isClick: 0,
              x: 28,
              y: 60,
            },{
              id: 2,
              name: '11.4',
              isClick: 0,
              x: 28,
              y: 31,
            },{
              id: 3,
              name: '15.1',
              isClick: 0,
              x: 62,
              y: 31,
            },{
              id: 4,
              name: '15.2',
              isClick: 0,
              x: 62,
              y: 59,
            }]
          },{
            id: 9,
            name: 'I放大',
            pointList: [{
              id: 1,
              name: '12.1',
              isClick: 0,
              x: 30,
              y: 21,
            },{
              id: 2,
              name: '12.2',
              isClick: 0,
              x: 43,
              y: 21,
            },{
              id: 3,
              name: '12.3',
              isClick: 0,
              x: 56,
              y: 21,
            },{
              id: 4,
              name: '12.7',
              isClick: 0,
              x: 77,
              y: 27,
            },{
              id: 5,
              name: '12.8',
              isClick: 0,
              x: 77,
              y: 41,
            },{
              id: 6,
              name: '14.1',
              isClick: 0,
              x: 17,
              y: 27,
            },{
              id: 7,
              name: '14.2',
              isClick: 0,
              x: 75,
              y: 57,
            },{
              id: 8,
              name: '14.3',
              isClick: 0,
              x: 75,
              y: 66,
            },{
              id: 9,
              name: '15.4',
              isClick: 0,
              x: 17,
              y: 48,
            },{
              id: 10,
              name: '15.6',
              isClick: 0,
              x: 16,
              y: 63,
            },{
              id: 11,
              name: '15.7',
              isClick: 0,
              x: 17,
              y: 73,
            },{
              id: 12,
              name: '15.9',
              isClick: 0,
              x: 17,
              y: 38,
            },{
              id: 13,
              name: '15.11',
              isClick: 0,
              x: 16,
              y: 86,
            },{
              id: 14,
              name: '16.1',
              isClick: 0,
              x: 60,
              y: 69,
            },{
              id: 15,
              name: '16.2',
              isClick: 0,
              x: 46,
              y: 70,
            }]
          },{
            id: 10,
            name: 'J放大',
            pointList: [{
              id: 1,
              name: '21.1',
              isClick: 0,
              x: 66,
              y: 28,
            },{
              id: 2,
              name: '21.2',
              isClick: 0,
              x: 25,
              y: 28,
            },{
              id: 3,
              name: '21.3',
              isClick: 0,
              x: 22,
              y: 82,
            },{
              id: 4,
              name: '21.4',
              isClick: 0,
              x: 67,
              y: 77,
            },{
              id: 5,
              name: '29.1',
              isClick: 0,
              x: 6,
              y: 47,
            },{
              id: 6,
              name: '29.2',
              isClick: 0,
              x: 83,
              y: 47,
            }]
          },{
            id: 11,
            name: 'K放大',
            pointList: [{
              id: 1,
              name: '20.1',
              isClick: 0,
              x: 13,
              y: 36,
            },{
              id: 2,
              name: '20.2',
              isClick: 0,
              x: 74,
              y: 37,
            }]
          },{
            id: 12,
            name: 'L放大',
            pointList: [{
              id: 1,
              name: '17.1',
              isClick: 0,
              x: 13,
              y: 87,
            },{
              id: 2,
              name: '17.2',
              isClick: 0,
              x: 13,
              y: 77,
            },{
              id: 3,
              name: '18.1',
              isClick: 0,
              x: 12,
              y: 53,
            },{
              id: 4,
              name: '18.2',
              isClick: 0,
              x: 13,
              y: 63,
            },{
              id: 5,
              name: '18.5',
              isClick: 0,
              x: 77,
              y: 24,
            },{
              id: 6,
              name: '22.1',
              isClick: 0,
              x: 8,
              y: 24,
            },{
              id: 7,
              name: '22.2',
              isClick: 0,
              x: 8,
              y: 15,
            }]
          },{
            id: 13,
            name: 'M放大',
            pointList: [{
              id: 1,
              name: '22.3',
              isClick: 0,
              x: 36,
              y: 76,
            },{
              id: 2,
              name: '22.4',
              isClick: 0,
              x: 67,
              y: 76,
            },{
              id: 3,
              name: '23.1',
              isClick: 0,
              x: 8,
              y: 31,
            },{
              id: 4,
              name: '23.2',
              isClick: 0,
              x: 8,
              y: 64,
            },{
              id: 5,
              name: '24.1',
              isClick: 0,
              x: 67,
              y: 48,
            },{
              id: 6,
              name: '24.3',
              isClick: 0,
              x: 67,
              y: 61,
            },{
              id: 7,
              name: '24.5',
              isClick: 0,
              x: 67,
              y: 22,
            }]
          },{
            id: 14,
            name: 'N放大',
            pointList: [{
              id: 1,
              name: '22.5',
              isClick: 0,
              x: 19,
              y: 76,
            },{
              id: 2,
              name: '22.6',
              isClick: 0,
              x: 19,
              y: 87,
            },{
              id: 3,
              name: '23.3',
              isClick: 0,
              x: 78,
              y: 69,
            },{
              id: 4,
              name: '23.4',
              isClick: 0,
              x: 78,
              y: 51,
            },{
              id: 5,
              name: '24.2',
              isClick: 0,
              x: 19,
              y: 42,
            },{
              id: 6,
              name: '24.4',
              isClick: 0,
              x: 19,
              y: 65,
            },{
              id: 7,
              name: '24.6',
              isClick: 0,
              x: 19,
              y: 25,
            }]
          },{
            id: 15,
            name: 'O放大',
            pointList: [{
              id: 1,
              name: '26.2',
              isClick: 0,
              x: 17,
              y: 18,
            },{
              id: 2,
              name: '26.3',
              isClick: 0,
              x: 17,
              y: 37,
            },{
              id: 3,
              name: '28.1',
              isClick: 0,
              x: 78,
              y: 23,
            },{
              id: 4,
              name: '28.2',
              isClick: 0,
              x: 77,
              y: 47,
            },{
              id: 5,
              name: '28.3',
              isClick: 0,
              x: 78,
              y: 62,
            },{
              id: 6,
              name: '28.7',
              isClick: 0,
              x: 78,
              y: 79,
            }]
          },{
            id: 16,
            name: 'P放大',
            pointList: [{
              id: 1,
              name: '26.1',
              isClick: 0,
              x: 58,
              y: 14,
            },{
              id: 2,
              name: '26.3',
              isClick: 0,
              x: 59,
              y: 52,
            },{
              id: 3,
              name: '26.4',
              isClick: 0,
              x: 25,
              y: 83,
            },{
              id: 4,
              name: '27.1',
              isClick: 0,
              x: 24,
              y: 47,
            },{
              id: 5,
              name: '27.2',
              isClick: 0,
              x: 24,
              y: 56,
            },{
              id: 6,
              name: '27.3',
              isClick: 0,
              x: 24,
              y: 27,
            },{
              id: 7,
              name: '28.4',
              isClick: 0,
              x: 24,
              y: 15,
            },{
              id: 8,
              name: '28.5',
              isClick: 0,
              x: 24,
              y: 37,
            },{
              id: 9,
              name: '28.6',
              isClick: 0,
              x: 24,
              y: 65,
            }]
          },{
            id: 17,
            name: 'Q放大',
            pointList: [{
              id: 1,
              name: '25.1',
              isClick: 0,
              x: 21,
              y: 72,
            },{
              id: 2,
              name: '25.2',
              isClick: 0,
              x: 20,
              y: 40,
            }]
          },{
            id: 18,
            name: 'R放大',
            pointList: [{
              id: 1,
              name: '12.4',
              isClick: 0,
              x: 51,
              y: 16,
            },{
              id: 2,
              name: '12.5',
              isClick: 0,
              x: 66,
              y: 16,
            },{
              id: 3,
              name: '12.6',
              isClick: 0,
              x: 79,
              y: 16,
            },{
              id: 4,
              name: '15.3',
              isClick: 0,
              x: 80,
              y: 41,
            },{
              id: 5,
              name: '15.5',
              isClick: 0,
              x: 80,
              y: 53,
            },{
              id: 6,
              name: '15.8',
              isClick: 0,
              x: 79,
              y: 66,
            },{
              id: 7,
              name: '15.10',
              isClick: 0,
              x: 79,
              y: 84,
            },{
              id: 8,
              name: '18.3',
              isClick: 0,
              x: 2,
              y: 31,
            },{
              id: 9,
              name: '18.4',
              isClick: 0,
              x: 2,
              y: 47,
            },{
              id: 10,
              name: '18.6',
              isClick: 0,
              x: 2,
              y: 60,
            },{
              id: 11,
              name: '19.1',
              isClick: 0,
              x: 53,
              y: 48,
            },{
              id: 12,
              name: '19.2',
              isClick: 0,
              x: 36,
              y: 48,
            }]
          },{
            id: 19,
            name: 'S放大',
            pointList: [{
              id: 1,
              name: '6.1',
              isClick: 0,
              x: 71,
              y: 17,
            },{
              id: 2,
              name: '6.2',
              isClick: 0,
              x: 41,
              y: 17,
            },{
              id: 3,
              name: '6.3',
              isClick: 0,
              x: 51,
              y: 17,
            },{
              id: 4,
              name: '6.4',
              isClick: 0,
              x: 61,
              y: 17,
            },{
              id: 5,
              name: '9.1',
              isClick: 0,
              x: 65,
              y: 52,
            },{
              id: 6,
              name: '9.2',
              isClick: 0,
              x: 18,
              y: 87,
            },{
              id: 7,
              name: '9.3',
              isClick: 0,
              x: 48,
              y: 89,
            },{
              id: 8,
              name: '9.4',
              isClick: 0,
              x: 33,
              y: 89,
            },{
              id: 9,
              name: '9.5',
              isClick: 0,
              x: 79,
              y: 87,
            },{
              id: 10,
              name: '9.6',
              isClick: 0,
              x: 61,
              y: 87,
            },{
              id: 11,
              name: '9.7',
              isClick: 0,
              x: 82,
              y: 57,
            },{
              id: 12,
              name: '9.8',
              isClick: 0,
              x: 77,
              y: 43,
            },{
              id: 13,
              name: '11.1',
              isClick: 0,
              x: 28,
              y: 20,
            },{
              id: 14,
              name: '11.2',
              isClick: 0,
              x: 2,
              y: 44,
            },{
              id: 15,
              name: '13.1',
              isClick: 0,
              x: 15,
              y: 20,
            },{
              id: 16,
              name: '13.2',
              isClick: 0,
              x: 2,
              y: 30,
            },{
              id: 17,
              name: '88.1',
              isClick: 0,
              x: 4,
              y: 73,
            },{
              id: 18,
              name: '88.2',
              isClick: 0,
              x: 2,
              y: 60,
            }]
          },{
            id: 20,
            name: 'T放大',
            pointList: [{
              id: 1,
              name: '1.4',
              isClick: 0,
              x: 49,
              y: 65,
            },{
              id: 2,
              name: '1.5',
              isClick: 0,
              x: 49,
              y: 80,
            },{
              id: 3,
              name: '1.6',
              isClick: 0,
              x: 50,
              y: 16,
            },{
              id: 4,
              name: '2.1',
              isClick: 0,
              x: 75,
              y: 20,
            },{
              id: 5,
              name: '2.2',
              isClick: 0,
              x: 75,
              y: 53,
            },{
              id: 6,
              name: '2.3',
              isClick: 0,
              x: 76,
              y: 81,
            },{
              id: 7,
              name: '2.4',
              isClick: 0,
              x: 12,
              y: 57,
            },{
              id: 8,
              name: '4.1',
              isClick: 0,
              x: 12,
              y: 20,
            },{
              id: 9,
              name: '4.3',
              isClick: 0,
              x: 12,
              y: 38,
            }]
          },{
            id: 21,
            name: 'U放大',
            pointList: [{
              id: 1,
              name: '5.1',
              isClick: 0,
              x: 24,
              y: 87,
            },{
              id: 2,
              name: '5.2',
              isClick: 0,
              x: 63,
              y: 89,
            }]
          }],
        },
        list2: {
          id: 1,
          total: 0,
          items: [{
            id: 1,
            name: 'A放大',
            items: [{
              id: 1,
              name: '1.1',
              isClick: 0,
              x: 18,
              y: 11,
            },{
              id: 2,
              name: '1.2',
              isClick: 0,
              x: 19,
              y: 56,
            },{
              id: 3,
              name: '1.3',
              isClick: 0,
              x: 18,
              y: 74,
            },{
              id: 4,
              name: '1.7',
              isClick: 0,
              x: 18,
              y: 89,
            },{
              id: 5,
              name: '4.2',
              isClick: 0,
              x: 76,
              y: 13,
            },{
              id: 6,
              name: '3.1',
              isClick: 0,
              x: 76,
              y: 73,
            }]
          },{
            id: 2,
            name: 'B放大',
            pointList: [{
              id: 1,
              name: '5.3',
              isClick: 0,
              x: 71,
              y: 59,
            },{
              id: 2,
              name: '5.4',
              isClick: 0,
              x: 71,
              y: 34,
            },{
              id: 3,
              name: '5.5',
              isClick: 0,
              x: 19,
              y: 60,
            }]
          },{
            id: 3,
            name: 'C放大',
            pointList: [{
              id: 1,
              name: '7.1',
              isClick: 0,
              x: 23,
              y: 76,
            },{
              id: 2,
              name: '7.2',
              isClick: 0,
              x: 66,
              y: 77,
            },{
              id: 3,
              name: '7.3',
              isClick: 0,
              x: 23,
              y: 50,
            },{
              id: 4,
              name: '7.4',
              isClick: 0,
              x: 66,
              y: 52,
            },{
              id: 5,
              name: '7.5',
              isClick: 0,
              x: 67,
              y: 21,
            },{
              id: 6,
              name: '7.6',
              isClick: 0,
              x: 22,
              y: 21,
            }]
          },{
            id: 4,
            name: 'D放大',
            pointList: [{
              id: 1,
              name: '8.1',
              isClick: 0,
              x: 25,
              y: 75,
            },{
              id: 2,
              name: '8.2',
              isClick: 0,
              x: 66,
              y: 76,
            },{
              id: 3,
              name: '8.3',
              isClick: 0,
              x: 25,
              y: 54,
            },{
              id: 4,
              name: '8.4',
              isClick: 0,
              x: 67,
              y: 54,
            },{
              id: 5,
              name: '8.5',
              isClick: 0,
              x: 25,
              y: 28,
            },{
              id: 6,
              name: '8.6',
              isClick: 0,
              x: 66,
              y: 29,
            }]
          },{
            id: 5,
            name: 'E放大',
            pointList: [{
              id: 1,
              name: '10.1',
              isClick: 0,
              x: 55,
              y: 25,
            },{
              id: 2,
              name: '10.2',
              isClick: 0,
              x: 32,
              y: 25,
            }]
          },{
            id: 6,
            name: 'F放大',
            pointList: [{
              id: 1,
              name: '10.3',
              isClick: 0,
              x: 33,
              y: 35,
            },{
              id: 2,
              name: '10.4',
              isClick: 0,
              x: 56,
              y: 34,
            }]
          },{
            id: 7,
            name: 'G放大',
            pointList: [{
              id: 1,
              name: '88.3',
              isClick: 0,
              x: 22,
              y: 44,
            },{
              id: 2,
              name: '88.4',
              isClick: 0,
              x: 65,
              y: 44,
            }]
          },{
            id: 8,
            name: 'H放大',
            pointList: [{
              id: 1,
              name: '11.3',
              isClick: 0,
              x: 28,
              y: 60,
            },{
              id: 2,
              name: '11.4',
              isClick: 0,
              x: 28,
              y: 31,
            },{
              id: 3,
              name: '15.1',
              isClick: 0,
              x: 62,
              y: 31,
            },{
              id: 4,
              name: '15.2',
              isClick: 0,
              x: 62,
              y: 59,
            }]
          },{
            id: 9,
            name: 'I放大',
            pointList: [{
              id: 1,
              name: '12.1',
              isClick: 0,
              x: 30,
              y: 21,
            },{
              id: 2,
              name: '12.2',
              isClick: 0,
              x: 43,
              y: 21,
            },{
              id: 3,
              name: '12.3',
              isClick: 0,
              x: 56,
              y: 21,
            },{
              id: 4,
              name: '12.7',
              isClick: 0,
              x: 77,
              y: 27,
            },{
              id: 5,
              name: '12.8',
              isClick: 0,
              x: 77,
              y: 41,
            },{
              id: 6,
              name: '14.1',
              isClick: 0,
              x: 17,
              y: 27,
            },{
              id: 7,
              name: '14.2',
              isClick: 0,
              x: 75,
              y: 57,
            },{
              id: 8,
              name: '14.3',
              isClick: 0,
              x: 75,
              y: 66,
            },{
              id: 9,
              name: '15.4',
              isClick: 0,
              x: 17,
              y: 48,
            },{
              id: 10,
              name: '15.6',
              isClick: 0,
              x: 16,
              y: 63,
            },{
              id: 11,
              name: '15.7',
              isClick: 0,
              x: 17,
              y: 73,
            },{
              id: 12,
              name: '15.9',
              isClick: 0,
              x: 17,
              y: 38,
            },{
              id: 13,
              name: '15.11',
              isClick: 0,
              x: 16,
              y: 86,
            },{
              id: 14,
              name: '16.1',
              isClick: 0,
              x: 60,
              y: 69,
            },{
              id: 15,
              name: '16.2',
              isClick: 0,
              x: 46,
              y: 70,
            }]
          },{
            id: 10,
            name: 'J放大',
            pointList: [{
              id: 1,
              name: '21.1',
              isClick: 0,
              x: 66,
              y: 28,
            },{
              id: 2,
              name: '21.2',
              isClick: 0,
              x: 25,
              y: 28,
            },{
              id: 3,
              name: '21.3',
              isClick: 0,
              x: 22,
              y: 82,
            },{
              id: 4,
              name: '21.4',
              isClick: 0,
              x: 67,
              y: 77,
            },{
              id: 5,
              name: '29.1',
              isClick: 0,
              x: 6,
              y: 47,
            },{
              id: 6,
              name: '29.2',
              isClick: 0,
              x: 83,
              y: 47,
            }]
          },{
            id: 11,
            name: 'K放大',
            pointList: [{
              id: 1,
              name: '20.1',
              isClick: 0,
              x: 13,
              y: 36,
            },{
              id: 2,
              name: '20.2',
              isClick: 0,
              x: 74,
              y: 37,
            }]
          },{
            id: 12,
            name: 'L放大',
            pointList: [{
              id: 1,
              name: '17.1',
              isClick: 0,
              x: 13,
              y: 87,
            },{
              id: 2,
              name: '17.2',
              isClick: 0,
              x: 13,
              y: 77,
            },{
              id: 3,
              name: '18.1',
              isClick: 0,
              x: 12,
              y: 53,
            },{
              id: 4,
              name: '18.2',
              isClick: 0,
              x: 13,
              y: 63,
            },{
              id: 5,
              name: '18.5',
              isClick: 0,
              x: 77,
              y: 24,
            },{
              id: 6,
              name: '22.1',
              isClick: 0,
              x: 8,
              y: 24,
            },{
              id: 7,
              name: '22.2',
              isClick: 0,
              x: 8,
              y: 15,
            }]
          },{
            id: 13,
            name: 'M放大',
            pointList: [{
              id: 1,
              name: '22.3',
              isClick: 0,
              x: 36,
              y: 76,
            },{
              id: 2,
              name: '22.4',
              isClick: 0,
              x: 67,
              y: 76,
            },{
              id: 3,
              name: '23.1',
              isClick: 0,
              x: 8,
              y: 31,
            },{
              id: 4,
              name: '23.2',
              isClick: 0,
              x: 8,
              y: 64,
            },{
              id: 5,
              name: '24.1',
              isClick: 0,
              x: 67,
              y: 48,
            },{
              id: 6,
              name: '24.3',
              isClick: 0,
              x: 67,
              y: 61,
            },{
              id: 7,
              name: '24.5',
              isClick: 0,
              x: 67,
              y: 22,
            }]
          },{
            id: 14,
            name: 'N放大',
            pointList: [{
              id: 1,
              name: '22.5',
              isClick: 0,
              x: 19,
              y: 76,
            },{
              id: 2,
              name: '22.6',
              isClick: 0,
              x: 19,
              y: 87,
            },{
              id: 3,
              name: '23.3',
              isClick: 0,
              x: 78,
              y: 69,
            },{
              id: 4,
              name: '23.4',
              isClick: 0,
              x: 78,
              y: 51,
            },{
              id: 5,
              name: '24.2',
              isClick: 0,
              x: 19,
              y: 42,
            },{
              id: 6,
              name: '24.4',
              isClick: 0,
              x: 19,
              y: 65,
            },{
              id: 7,
              name: '24.6',
              isClick: 0,
              x: 19,
              y: 25,
            }]
          },{
            id: 15,
            name: 'O放大',
            pointList: [{
              id: 1,
              name: '26.2',
              isClick: 0,
              x: 17,
              y: 18,
            },{
              id: 2,
              name: '26.3',
              isClick: 0,
              x: 17,
              y: 37,
            },{
              id: 3,
              name: '28.1',
              isClick: 0,
              x: 78,
              y: 23,
            },{
              id: 4,
              name: '28.2',
              isClick: 0,
              x: 77,
              y: 47,
            },{
              id: 5,
              name: '28.3',
              isClick: 0,
              x: 78,
              y: 62,
            },{
              id: 6,
              name: '28.7',
              isClick: 0,
              x: 78,
              y: 79,
            }]
          },{
            id: 16,
            name: 'P放大',
            pointList: [{
              id: 1,
              name: '26.1',
              isClick: 0,
              x: 58,
              y: 14,
            },{
              id: 2,
              name: '26.3',
              isClick: 0,
              x: 59,
              y: 52,
            },{
              id: 3,
              name: '26.4',
              isClick: 0,
              x: 25,
              y: 83,
            },{
              id: 4,
              name: '27.1',
              isClick: 0,
              x: 24,
              y: 47,
            },{
              id: 5,
              name: '27.2',
              isClick: 0,
              x: 24,
              y: 56,
            },{
              id: 6,
              name: '27.3',
              isClick: 0,
              x: 24,
              y: 27,
            },{
              id: 7,
              name: '28.4',
              isClick: 0,
              x: 24,
              y: 15,
            },{
              id: 8,
              name: '28.5',
              isClick: 0,
              x: 24,
              y: 37,
            },{
              id: 9,
              name: '28.6',
              isClick: 0,
              x: 24,
              y: 65,
            }]
          },{
            id: 17,
            name: 'Q放大',
            pointList: [{
              id: 1,
              name: '25.1',
              isClick: 0,
              x: 21,
              y: 72,
            },{
              id: 2,
              name: '25.2',
              isClick: 0,
              x: 20,
              y: 40,
            }]
          },{
            id: 18,
            name: 'R放大',
            pointList: [{
              id: 1,
              name: '12.4',
              isClick: 0,
              x: 51,
              y: 16,
            },{
              id: 2,
              name: '12.5',
              isClick: 0,
              x: 66,
              y: 16,
            },{
              id: 3,
              name: '12.6',
              isClick: 0,
              x: 79,
              y: 16,
            },{
              id: 4,
              name: '15.3',
              isClick: 0,
              x: 80,
              y: 41,
            },{
              id: 5,
              name: '15.5',
              isClick: 0,
              x: 80,
              y: 53,
            },{
              id: 6,
              name: '15.8',
              isClick: 0,
              x: 79,
              y: 66,
            },{
              id: 7,
              name: '15.10',
              isClick: 0,
              x: 79,
              y: 84,
            },{
              id: 8,
              name: '18.3',
              isClick: 0,
              x: 2,
              y: 31,
            },{
              id: 9,
              name: '18.4',
              isClick: 0,
              x: 2,
              y: 47,
            },{
              id: 10,
              name: '18.6',
              isClick: 0,
              x: 2,
              y: 60,
            },{
              id: 11,
              name: '19.1',
              isClick: 0,
              x: 53,
              y: 48,
            },{
              id: 12,
              name: '19.2',
              isClick: 0,
              x: 36,
              y: 48,
            }]
          },{
            id: 19,
            name: 'S放大',
            pointList: [{
              id: 1,
              name: '6.1',
              isClick: 0,
              x: 71,
              y: 17,
            },{
              id: 2,
              name: '6.2',
              isClick: 0,
              x: 41,
              y: 17,
            },{
              id: 3,
              name: '6.3',
              isClick: 0,
              x: 51,
              y: 17,
            },{
              id: 4,
              name: '6.4',
              isClick: 0,
              x: 61,
              y: 17,
            },{
              id: 5,
              name: '9.1',
              isClick: 0,
              x: 65,
              y: 52,
            },{
              id: 6,
              name: '9.2',
              isClick: 0,
              x: 18,
              y: 87,
            },{
              id: 7,
              name: '9.3',
              isClick: 0,
              x: 48,
              y: 89,
            },{
              id: 8,
              name: '9.4',
              isClick: 0,
              x: 33,
              y: 89,
            },{
              id: 9,
              name: '9.5',
              isClick: 0,
              x: 79,
              y: 87,
            },{
              id: 10,
              name: '9.6',
              isClick: 0,
              x: 61,
              y: 87,
            },{
              id: 11,
              name: '9.7',
              isClick: 0,
              x: 82,
              y: 57,
            },{
              id: 12,
              name: '9.8',
              isClick: 0,
              x: 77,
              y: 43,
            },{
              id: 13,
              name: '11.1',
              isClick: 0,
              x: 28,
              y: 20,
            },{
              id: 14,
              name: '11.2',
              isClick: 0,
              x: 2,
              y: 44,
            },{
              id: 15,
              name: '13.1',
              isClick: 0,
              x: 15,
              y: 20,
            },{
              id: 16,
              name: '13.2',
              isClick: 0,
              x: 2,
              y: 30,
            },{
              id: 17,
              name: '88.1',
              isClick: 0,
              x: 4,
              y: 73,
            },{
              id: 18,
              name: '88.2',
              isClick: 0,
              x: 2,
              y: 60,
            }]
          },{
            id: 20,
            name: 'T放大',
            pointList: [{
              id: 1,
              name: '1.4',
              isClick: 0,
              x: 49,
              y: 65,
            },{
              id: 2,
              name: '1.5',
              isClick: 0,
              x: 49,
              y: 80,
            },{
              id: 3,
              name: '1.6',
              isClick: 0,
              x: 50,
              y: 16,
            },{
              id: 4,
              name: '2.1',
              isClick: 0,
              x: 75,
              y: 20,
            },{
              id: 5,
              name: '2.2',
              isClick: 0,
              x: 75,
              y: 53,
            },{
              id: 6,
              name: '2.3',
              isClick: 0,
              x: 76,
              y: 81,
            },{
              id: 7,
              name: '2.4',
              isClick: 0,
              x: 12,
              y: 57,
            },{
              id: 8,
              name: '4.1',
              isClick: 0,
              x: 12,
              y: 20,
            },{
              id: 9,
              name: '4.3',
              isClick: 0,
              x: 12,
              y: 38,
            }]
          },{
            id: 21,
            name: 'U放大',
            pointList: [{
              id: 1,
              name: '5.1',
              isClick: 0,
              x: 24,
              y: 87,
            },{
              id: 2,
              name: '5.2',
              isClick: 0,
              x: 63,
              y: 89,
            }]
          }],
        },
        HFList: [],
        pieList: [],
        barList: [],
        chooseDate: cookie.get('chooseDate'),
        chooseType: 4,
        chooseTypeShow: 4,
        phoneStyle: false,
        showReason: false,
      };
    },
    components: {NavLeft: NavLeft, NavMiddle: NavMiddle, sketch: sketch,pie :pie,bar: bar,hanfengDiv: hanfengDiv},
    methods: {
      getData(siteId) {
        let self = this
        var uid = cookie.get('uid');
        var token = cookie.get('token');
        var unit_id = localStorage.getItem('middleId')
        if (!unit_id) {
          this.$Message.warning('无参数不能访问');
          return;
          //store.dispatch('setLoginStatus', 0)
          //window.location.reload()
        }
        this.$Loading.start();
        var str = {
          uid: uid,
          token: token,
          unit_id: unit_id,
          ymd: self.chooseDate,
          site_id: siteId,
          type: 2,
          loginType: cookie.get('loginType')
        };
        // console.log(str,123);
        var strdata = this.$twjsdes.enstr(str);
        this.$http.post(this.$API_URL + '/info/hinttu', {alldata: strdata.alldata}).then((response) => {
          this.$Loading.finish();
          var res = this.$twjsdes.decrypt(response.data.alldata);
          // console.log(res,456)
          this.itemList = res.data.item_all_list;
          localStorage.setItem('middleId',res.data.unit_id)
          this.avatar = res.data.avatar;
          self.title = res.data.title
          self.name = res.data.name
          self.total = res.data.confirm_value
          if (res.data.list.items.length > 0) {
            self.list = res.data.list
          } else {
            self.list = self.list2
          }
          self.list.device_list = res.data.device_list
          self.list.device_list.push({
            device_id: null,
            name: "全部设备",
            site_id: null,
            unit_id: self.list.device_list[0].unit_id,
          })
          self.list.unit_id = unit_id
          self.chooseTypeShow = 4
        }).catch(function (error) {
          this.$Modal.error({
            title: '提示',
            content: '网络连接错误，请检查后重试'
          });
          //console.log(error);
        });
      },
      getPie() {
        let self = this
        var uid = cookie.get('uid');
        var token = cookie.get('token');
        var unit_id = localStorage.getItem('middleId')
        if (!unit_id) {
          this.$Message.warning('无参数不能访问');
          return;
          //store.dispatch('setLoginStatus', 0)
          //window.location.reload()
        }
        this.$Loading.start();
        var str = {
          uid: uid,
          token: token,
          unit_id: unit_id,
          ymd: self.chooseDate,
          type: 2,
          loginType: cookie.get('loginType')
        };
        // console.log(str);
        var strdata = this.$twjsdes.enstr(str);
        this.$http.post(this.$API_URL + '/info/Reasontu', {alldata: strdata.alldata}).then((response) => {
          this.$Loading.finish();
          var res = this.$twjsdes.decrypt(response.data.alldata);
          this.itemList = res.data.item_all_list;
          localStorage.setItem('middleId',res.data.unit_id)
          this.avatar = res.data.avatar;
          self.title = res.data.title
          self.name = res.data.name
          self.total = res.data.confirm_value
          self.pieList = res.data.list
          self.chooseTypeShow = 2
        }).catch(function (error) {
          this.$Modal.error({
            title: '提示',
            content: '网络连接错误，请检查后重试'
          });
          //console.log(error);
        });
      },
      getBar(siteId) {
        let self = this
        var uid = cookie.get('uid');
        var token = cookie.get('token');
        var unit_id = localStorage.getItem('middleId')
        if (!unit_id) {
          this.$Message.warning('无参数不能访问');
          return;
          //store.dispatch('setLoginStatus', 0)
          //window.location.reload()
        }
        this.$Loading.start();
        var str = {
          uid: uid,
          token: token,
          unit_id: unit_id,
          ymd: self.chooseDate,
          site_id: siteId,
          type: 2,
          loginType: cookie.get('loginType')
        };
        // console.log(str);
        var strdata = this.$twjsdes.enstr(str);
        this.$http.post(this.$API_URL + '/info/verticaltu', {alldata: strdata.alldata}).then((response) => {
          this.$Loading.finish();
          var res = this.$twjsdes.decrypt(response.data.alldata);
          // console.log(res)
          this.itemList = res.data.item_all_list;
          localStorage.setItem('middleId',res.data.unit_id)
          this.avatar = res.data.avatar;
          self.title = res.data.title
          self.name = res.data.name
          self.total = res.data.confirm_value
          let data = {
            dataList: res.data.data,
            list: res.data.list
          }
          self.barList = data
          self.chooseTypeShow = 3
        }).catch(function (error) {
          this.$Modal.error({
            title: '提示',
            content: '网络连接错误，请检查后重试'
          });
          //console.log(error);
        });
      },
      getHanfeng() {
        let self = this
        var uid = cookie.get('uid');
        var token = cookie.get('token');
        var unit_id = localStorage.getItem('middleId')
        if (!unit_id) {
          this.$Message.warning('无参数不能访问');
          return;
          //store.dispatch('setLoginStatus', 0)
          //window.location.reload()
        }
        this.$Loading.start();
        var str = {
          uid: uid,
          token: token,
          unit_id: unit_id,
          ymd: self.chooseDate,
          type: 2,
          loginType: cookie.get('loginType')
        };
        // console.log(str);
        var strdata = this.$twjsdes.enstr(str);
        this.$http.post(this.$API_URL + '/info/caketu', {alldata: strdata.alldata}).then((response) => {
          this.$Loading.finish();
          var res = this.$twjsdes.decrypt(response.data.alldata);
          // console.log(res,123)
          this.itemList = res.data.item_all_list;
          localStorage.setItem('middleId',res.data.unit_id)
          this.avatar = res.data.avatar;
          self.title = res.data.title
          self.name = res.data.name
          self.total = res.data.confirm_value
          self.HFList = res.data.list
          self.chooseTypeShow = 1
        }).catch(function (error) {
          this.$Modal.error({
            title: '提示',
            content: '网络连接错误，请检查后重试'
          });
          //console.log(error);
        });
      },
      dateChange(val) {
        let self = this
        self.chooseDate = val
        cookie.set('chooseDate',val)
        switch (self.chooseTypeShow) {
          case 1:
            self.getHanfeng()
            break;
          case 2:
            self.getPie()
            break;
          case 3:
            self.getBar(null)
            break;
          case 4:
            self.getData(null)
            break;
        }
      },
      typeChange(index) {
        let self = this
        switch (index) {
          case 1:
            self.getHanfeng()
            break;
          case 2:
            self.getPie()
            break;
          case 3:
            self.getBar(null)
            break;
          case 4:
            self.getData(null)
            break;
        }
      },
      changeSite_sketch(item) {
        let self = this
        self.getData(item)
      },
      changeSite_bar(item) {
        let self = this
        self.getBar(item)
      },
      getImg() {
        let self = this
        if (self.unit_id == 1) {
          self.list = {
            id: 1,
            total: 0,
            items: [{
              id: 1,
              name: 'A放大',
              items: [{
                id: 1,
                name: '1.1',
                isClick: 0,
                x: 18,
                y: 11,
              },{
                id: 2,
                name: '1.2',
                isClick: 0,
                x: 19,
                y: 56,
              },{
                id: 3,
                name: '1.3',
                isClick: 0,
                x: 18,
                y: 74,
              },{
                id: 4,
                name: '1.7',
                isClick: 0,
                x: 18,
                y: 89,
              },{
                id: 5,
                name: '4.2',
                isClick: 0,
                x: 76,
                y: 13,
              },{
                id: 6,
                name: '3.1',
                isClick: 0,
                x: 76,
                y: 73,
              }]
            },{
              id: 2,
              name: 'B放大',
              pointList: [{
                id: 1,
                name: '5.3',
                isClick: 0,
                x: 71,
                y: 59,
              },{
                id: 2,
                name: '5.4',
                isClick: 0,
                x: 71,
                y: 34,
              },{
                id: 3,
                name: '5.5',
                isClick: 0,
                x: 19,
                y: 60,
              }]
            },{
              id: 3,
              name: 'C放大',
              pointList: [{
                id: 1,
                name: '7.1',
                isClick: 0,
                x: 23,
                y: 76,
              },{
                id: 2,
                name: '7.2',
                isClick: 0,
                x: 66,
                y: 77,
              },{
                id: 3,
                name: '7.3',
                isClick: 0,
                x: 23,
                y: 50,
              },{
                id: 4,
                name: '7.4',
                isClick: 0,
                x: 66,
                y: 52,
              },{
                id: 5,
                name: '7.5',
                isClick: 0,
                x: 67,
                y: 21,
              },{
                id: 6,
                name: '7.6',
                isClick: 0,
                x: 22,
                y: 21,
              }]
            },{
              id: 4,
              name: 'D放大',
              pointList: [{
                id: 1,
                name: '8.1',
                isClick: 0,
                x: 25,
                y: 75,
              },{
                id: 2,
                name: '8.2',
                isClick: 0,
                x: 66,
                y: 76,
              },{
                id: 3,
                name: '8.3',
                isClick: 0,
                x: 25,
                y: 54,
              },{
                id: 4,
                name: '8.4',
                isClick: 0,
                x: 67,
                y: 54,
              },{
                id: 5,
                name: '8.5',
                isClick: 0,
                x: 25,
                y: 28,
              },{
                id: 6,
                name: '8.6',
                isClick: 0,
                x: 66,
                y: 29,
              }]
            },{
              id: 5,
              name: 'E放大',
              pointList: [{
                id: 1,
                name: '10.1',
                isClick: 0,
                x: 55,
                y: 25,
              },{
                id: 2,
                name: '10.2',
                isClick: 0,
                x: 32,
                y: 25,
              }]
            },{
              id: 6,
              name: 'F放大',
              pointList: [{
                id: 1,
                name: '10.3',
                isClick: 0,
                x: 33,
                y: 35,
              },{
                id: 2,
                name: '10.4',
                isClick: 0,
                x: 56,
                y: 34,
              }]
            },{
              id: 7,
              name: 'G放大',
              pointList: [{
                id: 1,
                name: '88.3',
                isClick: 0,
                x: 22,
                y: 44,
              },{
                id: 2,
                name: '88.4',
                isClick: 0,
                x: 65,
                y: 44,
              }]
            },{
              id: 8,
              name: 'H放大',
              pointList: [{
                id: 1,
                name: '11.3',
                isClick: 0,
                x: 28,
                y: 60,
              },{
                id: 2,
                name: '11.4',
                isClick: 0,
                x: 28,
                y: 31,
              },{
                id: 3,
                name: '15.1',
                isClick: 0,
                x: 62,
                y: 31,
              },{
                id: 4,
                name: '15.2',
                isClick: 0,
                x: 62,
                y: 59,
              }]
            },{
              id: 9,
              name: 'I放大',
              pointList: [{
                id: 1,
                name: '12.1',
                isClick: 0,
                x: 30,
                y: 21,
              },{
                id: 2,
                name: '12.2',
                isClick: 0,
                x: 43,
                y: 21,
              },{
                id: 3,
                name: '12.3',
                isClick: 0,
                x: 56,
                y: 21,
              },{
                id: 4,
                name: '12.7',
                isClick: 0,
                x: 77,
                y: 27,
              },{
                id: 5,
                name: '12.8',
                isClick: 0,
                x: 77,
                y: 41,
              },{
                id: 6,
                name: '14.1',
                isClick: 0,
                x: 17,
                y: 27,
              },{
                id: 7,
                name: '14.2',
                isClick: 0,
                x: 75,
                y: 57,
              },{
                id: 8,
                name: '14.3',
                isClick: 0,
                x: 75,
                y: 66,
              },{
                id: 9,
                name: '15.4',
                isClick: 0,
                x: 17,
                y: 48,
              },{
                id: 10,
                name: '15.6',
                isClick: 0,
                x: 16,
                y: 63,
              },{
                id: 11,
                name: '15.7',
                isClick: 0,
                x: 17,
                y: 73,
              },{
                id: 12,
                name: '15.9',
                isClick: 0,
                x: 17,
                y: 38,
              },{
                id: 13,
                name: '15.11',
                isClick: 0,
                x: 16,
                y: 86,
              },{
                id: 14,
                name: '16.1',
                isClick: 0,
                x: 60,
                y: 69,
              },{
                id: 15,
                name: '16.2',
                isClick: 0,
                x: 46,
                y: 70,
              }]
            },{
              id: 10,
              name: 'J放大',
              pointList: [{
                id: 1,
                name: '21.1',
                isClick: 0,
                x: 66,
                y: 28,
              },{
                id: 2,
                name: '21.2',
                isClick: 0,
                x: 25,
                y: 28,
              },{
                id: 3,
                name: '21.3',
                isClick: 0,
                x: 22,
                y: 82,
              },{
                id: 4,
                name: '21.4',
                isClick: 0,
                x: 67,
                y: 77,
              },{
                id: 5,
                name: '29.1',
                isClick: 0,
                x: 6,
                y: 47,
              },{
                id: 6,
                name: '29.2',
                isClick: 0,
                x: 83,
                y: 47,
              }]
            },{
              id: 11,
              name: 'K放大',
              pointList: [{
                id: 1,
                name: '20.1',
                isClick: 0,
                x: 13,
                y: 36,
              },{
                id: 2,
                name: '20.2',
                isClick: 0,
                x: 74,
                y: 37,
              }]
            },{
              id: 12,
              name: 'L放大',
              pointList: [{
                id: 1,
                name: '17.1',
                isClick: 0,
                x: 13,
                y: 87,
              },{
                id: 2,
                name: '17.2',
                isClick: 0,
                x: 13,
                y: 77,
              },{
                id: 3,
                name: '18.1',
                isClick: 0,
                x: 12,
                y: 53,
              },{
                id: 4,
                name: '18.2',
                isClick: 0,
                x: 13,
                y: 63,
              },{
                id: 5,
                name: '18.5',
                isClick: 0,
                x: 77,
                y: 24,
              },{
                id: 6,
                name: '22.1',
                isClick: 0,
                x: 8,
                y: 24,
              },{
                id: 7,
                name: '22.2',
                isClick: 0,
                x: 8,
                y: 15,
              }]
            },{
              id: 13,
              name: 'M放大',
              pointList: [{
                id: 1,
                name: '22.3',
                isClick: 0,
                x: 36,
                y: 76,
              },{
                id: 2,
                name: '22.4',
                isClick: 0,
                x: 67,
                y: 76,
              },{
                id: 3,
                name: '23.1',
                isClick: 0,
                x: 8,
                y: 31,
              },{
                id: 4,
                name: '23.2',
                isClick: 0,
                x: 8,
                y: 64,
              },{
                id: 5,
                name: '24.1',
                isClick: 0,
                x: 67,
                y: 48,
              },{
                id: 6,
                name: '24.3',
                isClick: 0,
                x: 67,
                y: 61,
              },{
                id: 7,
                name: '24.5',
                isClick: 0,
                x: 67,
                y: 22,
              }]
            },{
              id: 14,
              name: 'N放大',
              pointList: [{
                id: 1,
                name: '22.5',
                isClick: 0,
                x: 19,
                y: 76,
              },{
                id: 2,
                name: '22.6',
                isClick: 0,
                x: 19,
                y: 87,
              },{
                id: 3,
                name: '23.3',
                isClick: 0,
                x: 78,
                y: 69,
              },{
                id: 4,
                name: '23.4',
                isClick: 0,
                x: 78,
                y: 51,
              },{
                id: 5,
                name: '24.2',
                isClick: 0,
                x: 19,
                y: 42,
              },{
                id: 6,
                name: '24.4',
                isClick: 0,
                x: 19,
                y: 65,
              },{
                id: 7,
                name: '24.6',
                isClick: 0,
                x: 19,
                y: 25,
              }]
            },{
              id: 15,
              name: 'O放大',
              pointList: [{
                id: 1,
                name: '26.2',
                isClick: 0,
                x: 17,
                y: 18,
              },{
                id: 2,
                name: '26.3',
                isClick: 0,
                x: 17,
                y: 37,
              },{
                id: 3,
                name: '28.1',
                isClick: 0,
                x: 78,
                y: 23,
              },{
                id: 4,
                name: '28.2',
                isClick: 0,
                x: 77,
                y: 47,
              },{
                id: 5,
                name: '28.3',
                isClick: 0,
                x: 78,
                y: 62,
              },{
                id: 6,
                name: '28.7',
                isClick: 0,
                x: 78,
                y: 79,
              }]
            },{
              id: 16,
              name: 'P放大',
              pointList: [{
                id: 1,
                name: '26.1',
                isClick: 0,
                x: 58,
                y: 14,
              },{
                id: 2,
                name: '26.3',
                isClick: 0,
                x: 59,
                y: 52,
              },{
                id: 3,
                name: '26.4',
                isClick: 0,
                x: 25,
                y: 83,
              },{
                id: 4,
                name: '27.1',
                isClick: 0,
                x: 24,
                y: 47,
              },{
                id: 5,
                name: '27.2',
                isClick: 0,
                x: 24,
                y: 56,
              },{
                id: 6,
                name: '27.3',
                isClick: 0,
                x: 24,
                y: 27,
              },{
                id: 7,
                name: '28.4',
                isClick: 0,
                x: 24,
                y: 15,
              },{
                id: 8,
                name: '28.5',
                isClick: 0,
                x: 24,
                y: 37,
              },{
                id: 9,
                name: '28.6',
                isClick: 0,
                x: 24,
                y: 65,
              }]
            },{
              id: 17,
              name: 'Q放大',
              pointList: [{
                id: 1,
                name: '25.1',
                isClick: 0,
                x: 21,
                y: 72,
              },{
                id: 2,
                name: '25.2',
                isClick: 0,
                x: 20,
                y: 40,
              }]
            },{
              id: 18,
              name: 'R放大',
              pointList: [{
                id: 1,
                name: '12.4',
                isClick: 0,
                x: 51,
                y: 16,
              },{
                id: 2,
                name: '12.5',
                isClick: 0,
                x: 66,
                y: 16,
              },{
                id: 3,
                name: '12.6',
                isClick: 0,
                x: 79,
                y: 16,
              },{
                id: 4,
                name: '15.3',
                isClick: 0,
                x: 80,
                y: 41,
              },{
                id: 5,
                name: '15.5',
                isClick: 0,
                x: 80,
                y: 53,
              },{
                id: 6,
                name: '15.8',
                isClick: 0,
                x: 79,
                y: 66,
              },{
                id: 7,
                name: '15.10',
                isClick: 0,
                x: 79,
                y: 84,
              },{
                id: 8,
                name: '18.3',
                isClick: 0,
                x: 2,
                y: 31,
              },{
                id: 9,
                name: '18.4',
                isClick: 0,
                x: 2,
                y: 47,
              },{
                id: 10,
                name: '18.6',
                isClick: 0,
                x: 2,
                y: 60,
              },{
                id: 11,
                name: '19.1',
                isClick: 0,
                x: 53,
                y: 48,
              },{
                id: 12,
                name: '19.2',
                isClick: 0,
                x: 36,
                y: 48,
              }]
            },{
              id: 19,
              name: 'S放大',
              pointList: [{
                id: 1,
                name: '6.1',
                isClick: 0,
                x: 71,
                y: 17,
              },{
                id: 2,
                name: '6.2',
                isClick: 0,
                x: 41,
                y: 17,
              },{
                id: 3,
                name: '6.3',
                isClick: 0,
                x: 51,
                y: 17,
              },{
                id: 4,
                name: '6.4',
                isClick: 0,
                x: 61,
                y: 17,
              },{
                id: 5,
                name: '9.1',
                isClick: 0,
                x: 65,
                y: 52,
              },{
                id: 6,
                name: '9.2',
                isClick: 0,
                x: 18,
                y: 87,
              },{
                id: 7,
                name: '9.3',
                isClick: 0,
                x: 48,
                y: 89,
              },{
                id: 8,
                name: '9.4',
                isClick: 0,
                x: 33,
                y: 89,
              },{
                id: 9,
                name: '9.5',
                isClick: 0,
                x: 79,
                y: 87,
              },{
                id: 10,
                name: '9.6',
                isClick: 0,
                x: 61,
                y: 87,
              },{
                id: 11,
                name: '9.7',
                isClick: 0,
                x: 82,
                y: 57,
              },{
                id: 12,
                name: '9.8',
                isClick: 0,
                x: 77,
                y: 43,
              },{
                id: 13,
                name: '11.1',
                isClick: 0,
                x: 28,
                y: 20,
              },{
                id: 14,
                name: '11.2',
                isClick: 0,
                x: 2,
                y: 44,
              },{
                id: 15,
                name: '13.1',
                isClick: 0,
                x: 15,
                y: 20,
              },{
                id: 16,
                name: '13.2',
                isClick: 0,
                x: 2,
                y: 30,
              },{
                id: 17,
                name: '88.1',
                isClick: 0,
                x: 4,
                y: 73,
              },{
                id: 18,
                name: '88.2',
                isClick: 0,
                x: 2,
                y: 60,
              }]
            },{
              id: 20,
              name: 'T放大',
              pointList: [{
                id: 1,
                name: '1.4',
                isClick: 0,
                x: 49,
                y: 65,
              },{
                id: 2,
                name: '1.5',
                isClick: 0,
                x: 49,
                y: 80,
              },{
                id: 3,
                name: '1.6',
                isClick: 0,
                x: 50,
                y: 16,
              },{
                id: 4,
                name: '2.1',
                isClick: 0,
                x: 75,
                y: 20,
              },{
                id: 5,
                name: '2.2',
                isClick: 0,
                x: 75,
                y: 53,
              },{
                id: 6,
                name: '2.3',
                isClick: 0,
                x: 76,
                y: 81,
              },{
                id: 7,
                name: '2.4',
                isClick: 0,
                x: 12,
                y: 57,
              },{
                id: 8,
                name: '4.1',
                isClick: 0,
                x: 12,
                y: 20,
              },{
                id: 9,
                name: '4.3',
                isClick: 0,
                x: 12,
                y: 38,
              }]
            },{
              id: 21,
              name: 'U放大',
              pointList: [{
                id: 1,
                name: '5.1',
                isClick: 0,
                x: 24,
                y: 87,
              },{
                id: 2,
                name: '5.2',
                isClick: 0,
                x: 63,
                y: 89,
              }]
            }],
          }
          self.list2 = {
            id: 1,
            total: 0,
            items: [{
              id: 1,
              name: 'A放大',
              items: [{
                id: 1,
                name: '1.1',
                isClick: 0,
                x: 18,
                y: 11,
              },{
                id: 2,
                name: '1.2',
                isClick: 0,
                x: 19,
                y: 56,
              },{
                id: 3,
                name: '1.3',
                isClick: 0,
                x: 18,
                y: 74,
              },{
                id: 4,
                name: '1.7',
                isClick: 0,
                x: 18,
                y: 89,
              },{
                id: 5,
                name: '4.2',
                isClick: 0,
                x: 76,
                y: 13,
              },{
                id: 6,
                name: '3.1',
                isClick: 0,
                x: 76,
                y: 73,
              }]
            },{
              id: 2,
              name: 'B放大',
              pointList: [{
                id: 1,
                name: '5.3',
                isClick: 0,
                x: 71,
                y: 59,
              },{
                id: 2,
                name: '5.4',
                isClick: 0,
                x: 71,
                y: 34,
              },{
                id: 3,
                name: '5.5',
                isClick: 0,
                x: 19,
                y: 60,
              }]
            },{
              id: 3,
              name: 'C放大',
              pointList: [{
                id: 1,
                name: '7.1',
                isClick: 0,
                x: 23,
                y: 76,
              },{
                id: 2,
                name: '7.2',
                isClick: 0,
                x: 66,
                y: 77,
              },{
                id: 3,
                name: '7.3',
                isClick: 0,
                x: 23,
                y: 50,
              },{
                id: 4,
                name: '7.4',
                isClick: 0,
                x: 66,
                y: 52,
              },{
                id: 5,
                name: '7.5',
                isClick: 0,
                x: 67,
                y: 21,
              },{
                id: 6,
                name: '7.6',
                isClick: 0,
                x: 22,
                y: 21,
              }]
            },{
              id: 4,
              name: 'D放大',
              pointList: [{
                id: 1,
                name: '8.1',
                isClick: 0,
                x: 25,
                y: 75,
              },{
                id: 2,
                name: '8.2',
                isClick: 0,
                x: 66,
                y: 76,
              },{
                id: 3,
                name: '8.3',
                isClick: 0,
                x: 25,
                y: 54,
              },{
                id: 4,
                name: '8.4',
                isClick: 0,
                x: 67,
                y: 54,
              },{
                id: 5,
                name: '8.5',
                isClick: 0,
                x: 25,
                y: 28,
              },{
                id: 6,
                name: '8.6',
                isClick: 0,
                x: 66,
                y: 29,
              }]
            },{
              id: 5,
              name: 'E放大',
              pointList: [{
                id: 1,
                name: '10.1',
                isClick: 0,
                x: 55,
                y: 25,
              },{
                id: 2,
                name: '10.2',
                isClick: 0,
                x: 32,
                y: 25,
              }]
            },{
              id: 6,
              name: 'F放大',
              pointList: [{
                id: 1,
                name: '10.3',
                isClick: 0,
                x: 33,
                y: 35,
              },{
                id: 2,
                name: '10.4',
                isClick: 0,
                x: 56,
                y: 34,
              }]
            },{
              id: 7,
              name: 'G放大',
              pointList: [{
                id: 1,
                name: '88.3',
                isClick: 0,
                x: 22,
                y: 44,
              },{
                id: 2,
                name: '88.4',
                isClick: 0,
                x: 65,
                y: 44,
              }]
            },{
              id: 8,
              name: 'H放大',
              pointList: [{
                id: 1,
                name: '11.3',
                isClick: 0,
                x: 28,
                y: 60,
              },{
                id: 2,
                name: '11.4',
                isClick: 0,
                x: 28,
                y: 31,
              },{
                id: 3,
                name: '15.1',
                isClick: 0,
                x: 62,
                y: 31,
              },{
                id: 4,
                name: '15.2',
                isClick: 0,
                x: 62,
                y: 59,
              }]
            },{
              id: 9,
              name: 'I放大',
              pointList: [{
                id: 1,
                name: '12.1',
                isClick: 0,
                x: 30,
                y: 21,
              },{
                id: 2,
                name: '12.2',
                isClick: 0,
                x: 43,
                y: 21,
              },{
                id: 3,
                name: '12.3',
                isClick: 0,
                x: 56,
                y: 21,
              },{
                id: 4,
                name: '12.7',
                isClick: 0,
                x: 77,
                y: 27,
              },{
                id: 5,
                name: '12.8',
                isClick: 0,
                x: 77,
                y: 41,
              },{
                id: 6,
                name: '14.1',
                isClick: 0,
                x: 17,
                y: 27,
              },{
                id: 7,
                name: '14.2',
                isClick: 0,
                x: 75,
                y: 57,
              },{
                id: 8,
                name: '14.3',
                isClick: 0,
                x: 75,
                y: 66,
              },{
                id: 9,
                name: '15.4',
                isClick: 0,
                x: 17,
                y: 48,
              },{
                id: 10,
                name: '15.6',
                isClick: 0,
                x: 16,
                y: 63,
              },{
                id: 11,
                name: '15.7',
                isClick: 0,
                x: 17,
                y: 73,
              },{
                id: 12,
                name: '15.9',
                isClick: 0,
                x: 17,
                y: 38,
              },{
                id: 13,
                name: '15.11',
                isClick: 0,
                x: 16,
                y: 86,
              },{
                id: 14,
                name: '16.1',
                isClick: 0,
                x: 60,
                y: 69,
              },{
                id: 15,
                name: '16.2',
                isClick: 0,
                x: 46,
                y: 70,
              }]
            },{
              id: 10,
              name: 'J放大',
              pointList: [{
                id: 1,
                name: '21.1',
                isClick: 0,
                x: 66,
                y: 28,
              },{
                id: 2,
                name: '21.2',
                isClick: 0,
                x: 25,
                y: 28,
              },{
                id: 3,
                name: '21.3',
                isClick: 0,
                x: 22,
                y: 82,
              },{
                id: 4,
                name: '21.4',
                isClick: 0,
                x: 67,
                y: 77,
              },{
                id: 5,
                name: '29.1',
                isClick: 0,
                x: 6,
                y: 47,
              },{
                id: 6,
                name: '29.2',
                isClick: 0,
                x: 83,
                y: 47,
              }]
            },{
              id: 11,
              name: 'K放大',
              pointList: [{
                id: 1,
                name: '20.1',
                isClick: 0,
                x: 13,
                y: 36,
              },{
                id: 2,
                name: '20.2',
                isClick: 0,
                x: 74,
                y: 37,
              }]
            },{
              id: 12,
              name: 'L放大',
              pointList: [{
                id: 1,
                name: '17.1',
                isClick: 0,
                x: 13,
                y: 87,
              },{
                id: 2,
                name: '17.2',
                isClick: 0,
                x: 13,
                y: 77,
              },{
                id: 3,
                name: '18.1',
                isClick: 0,
                x: 12,
                y: 53,
              },{
                id: 4,
                name: '18.2',
                isClick: 0,
                x: 13,
                y: 63,
              },{
                id: 5,
                name: '18.5',
                isClick: 0,
                x: 77,
                y: 24,
              },{
                id: 6,
                name: '22.1',
                isClick: 0,
                x: 8,
                y: 24,
              },{
                id: 7,
                name: '22.2',
                isClick: 0,
                x: 8,
                y: 15,
              }]
            },{
              id: 13,
              name: 'M放大',
              pointList: [{
                id: 1,
                name: '22.3',
                isClick: 0,
                x: 36,
                y: 76,
              },{
                id: 2,
                name: '22.4',
                isClick: 0,
                x: 67,
                y: 76,
              },{
                id: 3,
                name: '23.1',
                isClick: 0,
                x: 8,
                y: 31,
              },{
                id: 4,
                name: '23.2',
                isClick: 0,
                x: 8,
                y: 64,
              },{
                id: 5,
                name: '24.1',
                isClick: 0,
                x: 67,
                y: 48,
              },{
                id: 6,
                name: '24.3',
                isClick: 0,
                x: 67,
                y: 61,
              },{
                id: 7,
                name: '24.5',
                isClick: 0,
                x: 67,
                y: 22,
              }]
            },{
              id: 14,
              name: 'N放大',
              pointList: [{
                id: 1,
                name: '22.5',
                isClick: 0,
                x: 19,
                y: 76,
              },{
                id: 2,
                name: '22.6',
                isClick: 0,
                x: 19,
                y: 87,
              },{
                id: 3,
                name: '23.3',
                isClick: 0,
                x: 78,
                y: 69,
              },{
                id: 4,
                name: '23.4',
                isClick: 0,
                x: 78,
                y: 51,
              },{
                id: 5,
                name: '24.2',
                isClick: 0,
                x: 19,
                y: 42,
              },{
                id: 6,
                name: '24.4',
                isClick: 0,
                x: 19,
                y: 65,
              },{
                id: 7,
                name: '24.6',
                isClick: 0,
                x: 19,
                y: 25,
              }]
            },{
              id: 15,
              name: 'O放大',
              pointList: [{
                id: 1,
                name: '26.2',
                isClick: 0,
                x: 17,
                y: 18,
              },{
                id: 2,
                name: '26.3',
                isClick: 0,
                x: 17,
                y: 37,
              },{
                id: 3,
                name: '28.1',
                isClick: 0,
                x: 78,
                y: 23,
              },{
                id: 4,
                name: '28.2',
                isClick: 0,
                x: 77,
                y: 47,
              },{
                id: 5,
                name: '28.3',
                isClick: 0,
                x: 78,
                y: 62,
              },{
                id: 6,
                name: '28.7',
                isClick: 0,
                x: 78,
                y: 79,
              }]
            },{
              id: 16,
              name: 'P放大',
              pointList: [{
                id: 1,
                name: '26.1',
                isClick: 0,
                x: 58,
                y: 14,
              },{
                id: 2,
                name: '26.3',
                isClick: 0,
                x: 59,
                y: 52,
              },{
                id: 3,
                name: '26.4',
                isClick: 0,
                x: 25,
                y: 83,
              },{
                id: 4,
                name: '27.1',
                isClick: 0,
                x: 24,
                y: 47,
              },{
                id: 5,
                name: '27.2',
                isClick: 0,
                x: 24,
                y: 56,
              },{
                id: 6,
                name: '27.3',
                isClick: 0,
                x: 24,
                y: 27,
              },{
                id: 7,
                name: '28.4',
                isClick: 0,
                x: 24,
                y: 15,
              },{
                id: 8,
                name: '28.5',
                isClick: 0,
                x: 24,
                y: 37,
              },{
                id: 9,
                name: '28.6',
                isClick: 0,
                x: 24,
                y: 65,
              }]
            },{
              id: 17,
              name: 'Q放大',
              pointList: [{
                id: 1,
                name: '25.1',
                isClick: 0,
                x: 21,
                y: 72,
              },{
                id: 2,
                name: '25.2',
                isClick: 0,
                x: 20,
                y: 40,
              }]
            },{
              id: 18,
              name: 'R放大',
              pointList: [{
                id: 1,
                name: '12.4',
                isClick: 0,
                x: 51,
                y: 16,
              },{
                id: 2,
                name: '12.5',
                isClick: 0,
                x: 66,
                y: 16,
              },{
                id: 3,
                name: '12.6',
                isClick: 0,
                x: 79,
                y: 16,
              },{
                id: 4,
                name: '15.3',
                isClick: 0,
                x: 80,
                y: 41,
              },{
                id: 5,
                name: '15.5',
                isClick: 0,
                x: 80,
                y: 53,
              },{
                id: 6,
                name: '15.8',
                isClick: 0,
                x: 79,
                y: 66,
              },{
                id: 7,
                name: '15.10',
                isClick: 0,
                x: 79,
                y: 84,
              },{
                id: 8,
                name: '18.3',
                isClick: 0,
                x: 2,
                y: 31,
              },{
                id: 9,
                name: '18.4',
                isClick: 0,
                x: 2,
                y: 47,
              },{
                id: 10,
                name: '18.6',
                isClick: 0,
                x: 2,
                y: 60,
              },{
                id: 11,
                name: '19.1',
                isClick: 0,
                x: 53,
                y: 48,
              },{
                id: 12,
                name: '19.2',
                isClick: 0,
                x: 36,
                y: 48,
              }]
            },{
              id: 19,
              name: 'S放大',
              pointList: [{
                id: 1,
                name: '6.1',
                isClick: 0,
                x: 71,
                y: 17,
              },{
                id: 2,
                name: '6.2',
                isClick: 0,
                x: 41,
                y: 17,
              },{
                id: 3,
                name: '6.3',
                isClick: 0,
                x: 51,
                y: 17,
              },{
                id: 4,
                name: '6.4',
                isClick: 0,
                x: 61,
                y: 17,
              },{
                id: 5,
                name: '9.1',
                isClick: 0,
                x: 65,
                y: 52,
              },{
                id: 6,
                name: '9.2',
                isClick: 0,
                x: 18,
                y: 87,
              },{
                id: 7,
                name: '9.3',
                isClick: 0,
                x: 48,
                y: 89,
              },{
                id: 8,
                name: '9.4',
                isClick: 0,
                x: 33,
                y: 89,
              },{
                id: 9,
                name: '9.5',
                isClick: 0,
                x: 79,
                y: 87,
              },{
                id: 10,
                name: '9.6',
                isClick: 0,
                x: 61,
                y: 87,
              },{
                id: 11,
                name: '9.7',
                isClick: 0,
                x: 82,
                y: 57,
              },{
                id: 12,
                name: '9.8',
                isClick: 0,
                x: 77,
                y: 43,
              },{
                id: 13,
                name: '11.1',
                isClick: 0,
                x: 28,
                y: 20,
              },{
                id: 14,
                name: '11.2',
                isClick: 0,
                x: 2,
                y: 44,
              },{
                id: 15,
                name: '13.1',
                isClick: 0,
                x: 15,
                y: 20,
              },{
                id: 16,
                name: '13.2',
                isClick: 0,
                x: 2,
                y: 30,
              },{
                id: 17,
                name: '88.1',
                isClick: 0,
                x: 4,
                y: 73,
              },{
                id: 18,
                name: '88.2',
                isClick: 0,
                x: 2,
                y: 60,
              }]
            },{
              id: 20,
              name: 'T放大',
              pointList: [{
                id: 1,
                name: '1.4',
                isClick: 0,
                x: 49,
                y: 65,
              },{
                id: 2,
                name: '1.5',
                isClick: 0,
                x: 49,
                y: 80,
              },{
                id: 3,
                name: '1.6',
                isClick: 0,
                x: 50,
                y: 16,
              },{
                id: 4,
                name: '2.1',
                isClick: 0,
                x: 75,
                y: 20,
              },{
                id: 5,
                name: '2.2',
                isClick: 0,
                x: 75,
                y: 53,
              },{
                id: 6,
                name: '2.3',
                isClick: 0,
                x: 76,
                y: 81,
              },{
                id: 7,
                name: '2.4',
                isClick: 0,
                x: 12,
                y: 57,
              },{
                id: 8,
                name: '4.1',
                isClick: 0,
                x: 12,
                y: 20,
              },{
                id: 9,
                name: '4.3',
                isClick: 0,
                x: 12,
                y: 38,
              }]
            },{
              id: 21,
              name: 'U放大',
              pointList: [{
                id: 1,
                name: '5.1',
                isClick: 0,
                x: 24,
                y: 87,
              },{
                id: 2,
                name: '5.2',
                isClick: 0,
                x: 63,
                y: 89,
              }]
            }],
          }
        } else if (self.unit_id == 6 || self.unit_id == 8) {
          self.list = {
            id: 1,
            total: 0,
            items: [{
              id: 1,
              name: '1',
              team: 1,
              pointList: [{
                id: 1,
                name: '25CC',
                isClick: 0,
                x: 69,
                y: 52,
              }, {
                id: 2,
                name: '23CC',
                isClick: 0,
                x: 12,
                y: 67,
              }, {
                id: 3,
                name: '71U',
                isClick: 0,
                x: 68,
                y: 24,
              }, {
                id: 4,
                name: '69U',
                isClick: 0,
                x: 15,
                y: 21,
              }, {
                id: 5,
                name: '73S',
                isClick: 0,
                x: 14,
                y: 39,
              }]
            }, {
              id: 2,
              name: '2',
              team: 1,
              pointList: [{
                id: 1,
                name: '67S',
                isClick: 0,
                x: 19,
                y: 66,
              }, {
                id: 2,
                name: '65S',
                isClick: 0,
                x: 67,
                y: 59,
              }]
            }, {
              id: 3,
              name: '3',
              team: 1,
              pointList: [{
                id: 1,
                name: '55S',
                isClick: 0,
                x: 21,
                y: 12,
              }, {
                id: 2,
                name: '53S',
                isClick: 0,
                x: 41,
                y: 12,
              }, {
                id: 3,
                name: '47S',
                isClick: 0,
                x: 61,
                y: 12,
              }, {
                id: 4,
                name: '61S',
                isClick: 0,
                x: 84,
                y: 26,
              }, {
                id: 5,
                name: '63S',
                isClick: 0,
                x: 86,
                y: 45,
              }, {
                id: 6,
                name: '49S',
                isClick: 0,
                x: 86,
                y: 77,
              }, {
                id: 7,
                name: '57S',
                isClick: 0,
                x: 47,
                y: 84,
              }, {
                id: 8,
                name: '59S',
                isClick: 0,
                x: 23,
                y: 84,
              }, {
                id: 9,
                name: '51S',
                isClick: 0,
                x: 2,
                y: 45,
              }]
            },{
              id: 4,
              name: '4',
              team: 1,
              pointList: [{
                id: 1,
                name: '24CC',
                isClick: 0,
                x: 67,
                y: 62,
              }, {
                id: 2,
                name: '26CC',
                isClick: 0,
                x: 21,
                y: 75,
              }, {
                id: 3,
                name: '70U',
                isClick: 0,
                x: 67,
                y: 26,
              }, {
                id: 4,
                name: '72U',
                isClick: 0,
                x: 23,
                y: 27,
              }, {
                id: 5,
                name: '74S',
                isClick: 0,
                x: 23,
                y: 45,
              }]
            }, {
              id: 5,
              name: '5',
              team: 1,
              pointList: [{
                id: 1,
                name: '66S',
                isClick: 0,
                x: 25,
                y: 48,
              }, {
                id: 2,
                name: '68S',
                isClick: 0,
                x: 67,
                y: 47,
              }]
            }, {
              id: 6,
              name: '6',
              team: 1,
              pointList: [{
                id: 1,
                name: '1S',
                isClick: 0,
                x: 60,
                y: 10,
              }, {
                id: 2,
                name: '7S',
                isClick: 0,
                x: 78,
                y: 10,
              }, {
                id: 3,
                name: '4S',
                isClick: 0,
                x: 31,
                y: 18,
              }, {
                id: 4,
                name: '5K',
                isClick: 0,
                x: 24,
                y: 30,
              }, {
                id: 5,
                name: '3S',
                isClick: 0,
                x: 14,
                y: 46,
              }, {
                id: 6,
                name: '11S',
                isClick: 0,
                x: 12,
                y: 65,
              }]
            }, {
              id: 7,
              name: '7',
              team: 1,
              pointList: [{
                id: 1,
                name: '9S',
                isClick: 0,
                x: 36,
                y: 1,
              }, {
                id: 2,
                name: '13CC',
                isClick: 0,
                x: 61,
                y: 5,
              },{
                id: 3,
                name: '15S',
                isClick: 0,
                x: 19,
                y: 74,
              }, {
                id: 4,
                name: '17CC',
                isClick: 0,
                x: 60,
                y: 90,
              }]
            }, {
              id: 8,
              name: '8',
              team: 1,
              pointList: [{
                id: 1,
                name: '48S',
                isClick: 0,
                x: 26,
                y: 11,
              }, {
                id: 2,
                name: '54S',
                isClick: 0,
                x: 46,
                y: 11,
              }, {
                id: 3,
                name: '56S',
                isClick: 0,
                x: 68,
                y: 11,
              }, {
                id: 4,
                name: '52S',
                isClick: 0,
                x: 87,
                y: 31,
              },{
                id: 5,
                name: '60S',
                isClick: 0,
                x: 69,
                y: 77,
              }, {
                id: 6,
                name: '58S',
                isClick: 0,
                x: 46,
                y: 77,
              }, {
                id: 7,
                name: '50S',
                isClick: 0,
                x: 8,
                y: 79,
              }, {
                id: 8,
                name: '64S',
                isClick: 0,
                x: 5,
                y: 49,
              }, {
                id: 9,
                name: '62S',
                isClick: 0,
                x: 8,
                y: 30,
              }]
            }, {
              id: 9,
              name: '9',
              team: 1,
              pointList: [{
                id: 1,
                name: '8S',
                isClick: 0,
                x: 21,
                y: 3,
              }, {
                id: 2,
                name: '2S',
                isClick: 0,
                x: 39,
                y: 3,
              }, {
                id: 3,
                name: '46S',
                isClick: 0,
                x: 65,
                y: 9,
              }, {
                id: 4,
                name: '6K',
                isClick: 0,
                x: 71,
                y: 27,
              }, {
                id: 5,
                name: '4S',
                isClick: 0,
                x: 32,
                y: 60,
              }, {
                id: 6,
                name: '12S',
                isClick: 0,
                x: 29,
                y: 88,
              }]
            }, {
              id: 10,
              name: '10',
              team: 2,
              pointList: [{
                id: 1,
                name: '18CC',
                isClick: 0,
                x: 16,
                y: 7,
              }, {
                id: 2,
                name: '14CC',
                isClick: 0,
                x: 41,
                y: 7,
              }, {
                id: 3,
                name: '10S',
                isClick: 0,
                x: 66,
                y: 7,
              }, {
                id: 4,
                name: '16S',
                isClick: 0,
                x: 27,
                y: 84,
              }]
            }, {
              id: 11,
              name: '1',
              team: 99,
              pointList: [{
                id: 1,
                name: '37U',
                isClick: 0,
                x: 16,
                y: 14,
              }, {
                id: 2,
                name: '39S',
                isClick: 0,
                x: 14,
                y: 30,
              },{
                id: 3,
                name: '41S',
                isClick: 0,
                x: 19,
                y: 54,
              }, {
                id: 4,
                name: '43S',
                isClick: 0,
                x: 18,
                y: 69,
              },{
                id: 5,
                name: '19S',
                isClick: 0,
                x: 26,
                y: 85,
              }, {
                id: 6,
                name: '31S',
                isClick: 0,
                x: 76,
                y: 56,
              },{
                id: 7,
                name: '21S',
                isClick: 0,
                x: 73,
                y: 83,
              }]
            }, {
              id: 12,
              name: '12',
              team: 2,
              pointList: [{
                id: 1,
                name: '29CC',
                isClick: 0,
                x: 27,
                y: 15,
              }, {
                id: 2,
                name: '33S',
                isClick: 0,
                x: 23,
                y: 41,
              }, {
                id: 3,
                name: '35S',
                isClick: 0,
                x: 22,
                y: 62,
              }]
            }, {
              id: 13,
              name: '13',
              team: 2,
              pointList: [{
                id: 1,
                name: '27S',
                isClick: 0,
                x: 26,
                y: 22,
              }, {
                id: 2,
                name: '28S',
                isClick: 0,
                x: 65,
                y: 22,
              }]
            }, {
              id: 14,
              name: '14',
              team: 2,
              pointList: [{
                id: 1,
                name: '30CC',
                isClick: 0,
                x: 42,
                y: 2,
              }, {
                id: 2,
                name: '34S',
                isClick: 0,
                x: 67,
                y: 3,
              }, {
                id: 3,
                name: '36S',
                isClick: 0,
                x: 76,
                y: 64,
              }]
            }, {
              id: 15,
              name: '15',
              team: 2,
              pointList: [{
                id: 1,
                name: '32S',
                isClick: 0,
                x: 17,
                y: 39,
              }, {
                id: 2,
                name: '44S',
                isClick: 0,
                x: 21,
                y: 67,
              }, {
                id: 3,
                name: '22S',
                isClick: 0,
                x: 22,
                y: 86,
              }, {
                id: 4,
                name: '38U',
                isClick: 0,
                x: 79,
                y: 16,
              }, {
                id: 5,
                name: '40S',
                isClick: 0,
                x: 79,
                y: 36,
              }, {
                id: 6,
                name: '42S',
                isClick: 0,
                x: 79,
                y: 56,
              }, {
                id: 7,
                name: '20S',
                isClick: 0,
                x: 71,
                y: 74,
              }]
            }],
          }
          self.list2 = {
            id: 1,
            total: 0,
            items: [{
              id: 1,
              name: '1',
              team: 1,
              pointList: [{
                id: 1,
                name: '25CC',
                isClick: 0,
                x: 69,
                y: 52,
              }, {
                id: 2,
                name: '23CC',
                isClick: 0,
                x: 12,
                y: 67,
              }, {
                id: 3,
                name: '71U',
                isClick: 0,
                x: 68,
                y: 24,
              }, {
                id: 4,
                name: '69U',
                isClick: 0,
                x: 15,
                y: 21,
              }, {
                id: 5,
                name: '73S',
                isClick: 0,
                x: 14,
                y: 39,
              }]
            }, {
              id: 2,
              name: '2',
              team: 1,
              pointList: [{
                id: 1,
                name: '67S',
                isClick: 0,
                x: 19,
                y: 66,
              }, {
                id: 2,
                name: '65S',
                isClick: 0,
                x: 67,
                y: 59,
              }]
            }, {
              id: 3,
              name: '3',
              team: 1,
              pointList: [{
                id: 1,
                name: '55S',
                isClick: 0,
                x: 21,
                y: 12,
              }, {
                id: 2,
                name: '53S',
                isClick: 0,
                x: 41,
                y: 12,
              }, {
                id: 3,
                name: '47S',
                isClick: 0,
                x: 61,
                y: 12,
              }, {
                id: 4,
                name: '61S',
                isClick: 0,
                x: 84,
                y: 26,
              }, {
                id: 5,
                name: '63S',
                isClick: 0,
                x: 86,
                y: 45,
              }, {
                id: 6,
                name: '49S',
                isClick: 0,
                x: 86,
                y: 77,
              }, {
                id: 7,
                name: '57S',
                isClick: 0,
                x: 47,
                y: 84,
              }, {
                id: 8,
                name: '59S',
                isClick: 0,
                x: 23,
                y: 84,
              }, {
                id: 9,
                name: '51S',
                isClick: 0,
                x: 2,
                y: 45,
              }]
            },{
              id: 4,
              name: '4',
              team: 1,
              pointList: [{
                id: 1,
                name: '24CC',
                isClick: 0,
                x: 67,
                y: 62,
              }, {
                id: 2,
                name: '26CC',
                isClick: 0,
                x: 21,
                y: 75,
              }, {
                id: 3,
                name: '70U',
                isClick: 0,
                x: 67,
                y: 26,
              }, {
                id: 4,
                name: '72U',
                isClick: 0,
                x: 23,
                y: 27,
              }, {
                id: 5,
                name: '74S',
                isClick: 0,
                x: 23,
                y: 45,
              }]
            }, {
              id: 5,
              name: '5',
              team: 1,
              pointList: [{
                id: 1,
                name: '66S',
                isClick: 0,
                x: 25,
                y: 48,
              }, {
                id: 2,
                name: '68S',
                isClick: 0,
                x: 67,
                y: 47,
              }]
            }, {
              id: 6,
              name: '6',
              team: 1,
              pointList: [{
                id: 1,
                name: '1S',
                isClick: 0,
                x: 60,
                y: 10,
              }, {
                id: 2,
                name: '7S',
                isClick: 0,
                x: 78,
                y: 10,
              }, {
                id: 3,
                name: '4S',
                isClick: 0,
                x: 31,
                y: 18,
              }, {
                id: 4,
                name: '5K',
                isClick: 0,
                x: 24,
                y: 30,
              }, {
                id: 5,
                name: '3S',
                isClick: 0,
                x: 14,
                y: 46,
              }, {
                id: 6,
                name: '11S',
                isClick: 0,
                x: 12,
                y: 65,
              }]
            }, {
              id: 7,
              name: '7',
              team: 1,
              pointList: [{
                id: 1,
                name: '9S',
                isClick: 0,
                x: 36,
                y: 1,
              }, {
                id: 2,
                name: '13CC',
                isClick: 0,
                x: 61,
                y: 5,
              },{
                id: 3,
                name: '15S',
                isClick: 0,
                x: 19,
                y: 74,
              }, {
                id: 4,
                name: '17CC',
                isClick: 0,
                x: 60,
                y: 90,
              }]
            }, {
              id: 8,
              name: '8',
              team: 1,
              pointList: [{
                id: 1,
                name: '48S',
                isClick: 0,
                x: 26,
                y: 11,
              }, {
                id: 2,
                name: '54S',
                isClick: 0,
                x: 46,
                y: 11,
              }, {
                id: 3,
                name: '56S',
                isClick: 0,
                x: 68,
                y: 11,
              }, {
                id: 4,
                name: '52S',
                isClick: 0,
                x: 87,
                y: 31,
              },{
                id: 5,
                name: '60S',
                isClick: 0,
                x: 69,
                y: 77,
              }, {
                id: 6,
                name: '58S',
                isClick: 0,
                x: 46,
                y: 77,
              }, {
                id: 7,
                name: '50S',
                isClick: 0,
                x: 8,
                y: 79,
              }, {
                id: 8,
                name: '64S',
                isClick: 0,
                x: 5,
                y: 49,
              }, {
                id: 9,
                name: '62S',
                isClick: 0,
                x: 8,
                y: 30,
              }]
            }, {
              id: 9,
              name: '9',
              team: 1,
              pointList: [{
                id: 1,
                name: '8S',
                isClick: 0,
                x: 21,
                y: 3,
              }, {
                id: 2,
                name: '2S',
                isClick: 0,
                x: 39,
                y: 3,
              }, {
                id: 3,
                name: '46S',
                isClick: 0,
                x: 65,
                y: 9,
              }, {
                id: 4,
                name: '6K',
                isClick: 0,
                x: 71,
                y: 27,
              }, {
                id: 5,
                name: '4S',
                isClick: 0,
                x: 32,
                y: 60,
              }, {
                id: 6,
                name: '12S',
                isClick: 0,
                x: 29,
                y: 88,
              }]
            }, {
              id: 10,
              name: '10',
              team: 2,
              pointList: [{
                id: 1,
                name: '18CC',
                isClick: 0,
                x: 16,
                y: 7,
              }, {
                id: 2,
                name: '14CC',
                isClick: 0,
                x: 41,
                y: 7,
              }, {
                id: 3,
                name: '10S',
                isClick: 0,
                x: 66,
                y: 7,
              }, {
                id: 4,
                name: '16S',
                isClick: 0,
                x: 27,
                y: 84,
              }]
            }, {
              id: 11,
              name: '1',
              team: 99,
              pointList: [{
                id: 1,
                name: '37U',
                isClick: 0,
                x: 16,
                y: 14,
              }, {
                id: 2,
                name: '39S',
                isClick: 0,
                x: 14,
                y: 30,
              },{
                id: 3,
                name: '41S',
                isClick: 0,
                x: 19,
                y: 54,
              }, {
                id: 4,
                name: '43S',
                isClick: 0,
                x: 18,
                y: 69,
              },{
                id: 5,
                name: '19S',
                isClick: 0,
                x: 26,
                y: 85,
              }, {
                id: 6,
                name: '31S',
                isClick: 0,
                x: 76,
                y: 56,
              },{
                id: 7,
                name: '21S',
                isClick: 0,
                x: 73,
                y: 83,
              }]
            }, {
              id: 12,
              name: '12',
              team: 2,
              pointList: [{
                id: 1,
                name: '29CC',
                isClick: 0,
                x: 27,
                y: 15,
              }, {
                id: 2,
                name: '33S',
                isClick: 0,
                x: 23,
                y: 41,
              }, {
                id: 3,
                name: '35S',
                isClick: 0,
                x: 22,
                y: 62,
              }]
            }, {
              id: 13,
              name: '13',
              team: 2,
              pointList: [{
                id: 1,
                name: '27S',
                isClick: 0,
                x: 26,
                y: 22,
              }, {
                id: 2,
                name: '28S',
                isClick: 0,
                x: 65,
                y: 22,
              }]
            }, {
              id: 14,
              name: '14',
              team: 2,
              pointList: [{
                id: 1,
                name: '30CC',
                isClick: 0,
                x: 42,
                y: 2,
              }, {
                id: 2,
                name: '34S',
                isClick: 0,
                x: 67,
                y: 3,
              }, {
                id: 3,
                name: '36S',
                isClick: 0,
                x: 76,
                y: 64,
              }]
            }, {
              id: 15,
              name: '15',
              team: 2,
              pointList: [{
                id: 1,
                name: '32S',
                isClick: 0,
                x: 17,
                y: 39,
              }, {
                id: 2,
                name: '44S',
                isClick: 0,
                x: 21,
                y: 67,
              }, {
                id: 3,
                name: '22S',
                isClick: 0,
                x: 22,
                y: 86,
              }, {
                id: 4,
                name: '38U',
                isClick: 0,
                x: 79,
                y: 16,
              }, {
                id: 5,
                name: '40S',
                isClick: 0,
                x: 79,
                y: 36,
              }, {
                id: 6,
                name: '42S',
                isClick: 0,
                x: 79,
                y: 56,
              }, {
                id: 7,
                name: '20S',
                isClick: 0,
                x: 71,
                y: 74,
              }]
            }],
          }
        }
      },
    },
    computed: {
      menuitemClasses: function () {
        return [
          'menu-item',
          this.isCollapsed ? 'collapsed-menu' : ''
        ]
      }
    },
    created() {
      let self = this
      let dw = document.body.clientWidth
      if (dw < 820) {
        self.phoneStyle = true
      } else {
        self.phoneStyle = false
      }
      window.document.title = 'SCS详情';
      this.title = this.$route.query.title
      this.unit_id = this.$route.query.id
      this.getData(null)
    },
  }
</script>

<style lang="less">
  #menuCol {
    #menu {
      font-size: 20px;
      background: #3384dd;
      color: #fff;
      padding: 4px 6px;
      border-radius: 50px;
      cursor: pointer;
    }
    .ivu-select-dropdown {
      background: #515151;
      color: #fff;
      opacity: .8;
      .ivu-dropdown-item {
        background: #515151;
        color: #fff;
        opacity: 1;
        text-align: center;
      }
    }
  }
  .quota {
    display: flex;
    flex-direction: column;
    padding: 0;
    .ivu-card-body {
      padding: 0;
      .titleBackH {
        width: 100%;
        height: 104px !important;
        text-align: left;
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
        color: #fff;
        font-size: 17px;
        padding-left: 21px;
        display: flex;
        flex-direction: column;
        position: relative;
        border: 1px solid #e5e5e5;
        .tb_top {
          font-size: 16px;
          margin-top: 20px;
          margin-bottom: 17px;
        }
        .tb_bottom {
          display: flex;
          flex-direction: row;
          .tbb_left {
            font-size: 26px;
            margin-right: 70px;
            line-height: 26px;
          }
          .tbb_right {
            font-size: 14px;
            line-height: 26px;
          }
        }
        .logo{
          width: 33.33%;
          height: 100%;
          position: absolute;
          right: 33.33%;
          top: 0;
          img{
            width: 100%;
            height: 100%;
          }
        }
        .buttons{
          width: 33.33%;
          height: 100%;
          position: absolute;
          right: 0;
          top: 0;
          display: flex;
          flex-direction: column;
          justify-content: center;
          box-sizing: border-box;
          background: #fff;
          border-left: 1px solid #e5e5e5;
          padding: 0 5%;
          box-sizing: border-box;
        }
      }
      .contenthf {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        background: #f9f9f9;
        max-height: 700px;
        .point{
          width: 33.33%;
          height: 49.7%;
          border-right: 1px solid #e5e5e5;
          border-bottom: 1px solid #e5e5e5;
          position: relative;
          .imgs{
            width: 100%;
            height: 100%;
            img{
              width: 100%;
              height: 100%;
            }
          }
          .label{
            position: absolute;
            left: 0;
            top: 0;
            padding: 1px 5px;
            border: 1px solid #3384dd;
            border-radius: 3px;
            cursor: pointer;
            font-size: 14px;
            color: #3384dd;
            display: flex;
            flex-direction: row;
          }
          .isClick{
            color: #fff;
            background: #ff0000;
            border-color: #ff0000;
          }
        }
      }
    }
  }
  .cards {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    .cdLeft {
      display: flex;
      flex-direction: column;
      .cl_top {
        font-size: 16px;
        color: #222222;
      }
      .cl_down {
        font-size: 16px;
        color: #666666;
        margin-top: 10px;
        .cld_color {
          color: #ffb11b;
          margin-left: 10px;
        }
        .cld_color2 {
          color: #56b44a;
          margin-left: 10px;
        }
      }
      .special {
        background: #dc4444;
        color: #fff;
        font-size: 13px;
        padding: 2px 4px;
      }
    }
    .cdright {
      display: flex;
      flex-direction: column;
      justify-content: center;
    }
  }
  .ivu-card-extra {
    top: 11px;
    .conButtons {
      display: flex;
      flex-direction: row;
      .buts {
        padding: 4px 8px;
        background: #f5f5f5;
        font-size: 14px;
        color: #666666;
        margin-right: 10px;
        cursor: pointer;
        border-radius: 3px;
      }
      .chooseButs {
        background: #3f8fe0;
        color: #fff;
      }
    }
  }
  .ivu-card-body {
    background: #f9f9f9;
    .contentDiv {
      display: flex;
      flex-direction: row;
      justify-content: space-between;
      flex-wrap: wrap;
      .con {
        width: 32.5%;
        margin-top: 16px;
        display: flex;
        flex-direction: column;
        position: relative;
        cursor: pointer;
        .colorLabel {
          display: block;
          width: 40px;
          height: 20px;
          line-height: 20px;
          text-align: center;
          font-size: 14px;
          color: #fff;
          position: absolute;
          top: 0;
          left: 16px;
        }
        .times {
          display: flex;
          flex-direction: row;
          justify-content: space-between;
          margin-top: 18px;
          margin-bottom: 18px;
          line-height: 18px;
          .timesLeft {
            font-size: 16px;
            color: #666666;
          }
          .timesRight {
            font-size: 18px;
            color: #3f8fe0;
          }
        }
        .conText {
          font-size: 20px;
          color: #222222;
          overflow: hidden;
          display: -webkit-box;
          -webkit-box-orient: vertical;
          -webkit-line-clamp: 2;
        }
        .needExplain {
          color: #dc4444;
        }
      }
      .con:nth-child(1), .con:nth-child(2), .con:nth-child(3) {
        margin-top: 0;
      }
      .more {
        width: 100%;
        height: 60px;
        text-align: center;
        line-height: 60px;
        font-size: 18px;
        color: #999999;
        background: #fff;
        margin-top: 16px;
        cursor: pointer;
      }
    }
  }
  /* 手机竖屏 */
  @media screen and (min-width: 0px) and (max-width: 820px) {
    #staff1 {
      position: fixed;
      left: 0;
      bottom: 0;
      z-index: 99;
      width: 100%;
      height: 50px !important;
    }
    #staff4 {
      display: none;
    }
    #staffDetail_phone{
      width: 100%;
      #topTitle{
        padding: 0 16px;
        margin: 8px 0 !important;
        .title-top-center{
          font-size: 14px;
          height: 36px;
          overflow: hidden;
          text-overflow:ellipsis;
          white-space: nowrap;
          max-width: 50%;
        }
        #menuCol{
          display: flex;
          flex-direction: column;
          justify-content: center;
          padding: 0 !important;
          margin: 0 !important;
          .ivu-date-picker{
            width: 100% !important;
          }
          .ivu-select-dropdown{
            left: -81px !important;
          }
        }
      }
      .titleBackH{
        padding-left: 10px !important;
        height: 52px !important;
        display: flex;
        flex-direction: row;
        .tb_top{
          line-height: 52px;
          margin: 0;
          margin-right: 10px;
        }
        .tb_bottom{
          display: flex;
          flex-direction: column;
          justify-content: center;
          .tbb_left{
            margin-right: 0;
          }
        }
        .buttonsPhone{
          position: absolute;
          top: 100%;
          width: 100%;
          padding-left: 10px !important;
          border-left: none;
        }
      }
    }
  }
</style>
